
<nz-spin class="example" style="position:initial !important;" [nzTip]="'正在查询请等待...'" [nzSize]="'large'" [nzSpinning]="nzSpinning">

  <div *ngIf="isLoaded" style="height: 100%;width: 100%;position:absolute;">
    <nz-collapseset>
      <nz-collapse [nzTitle]="'查询'" [nzActive]="true">
        <form nz-form [nzLayout]="'inline'">
          <div nz-row>
            <div nz-form-item nz-col [nzSpan]="4">
              <div nz-form-label nz-col [nzSm]="9" [nzXs]="6">
                <label>监管名称</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-select style="width: 300px;" name="elevatorTypeId" nzAllowClear [nzPlaceHolder]="'请选择'"
                           [nzShowSearch]="true" [(ngModel)]="selectId" >
                  <nz-option *ngFor="let option of selectList"  [nzLabel]="option.partyName" [nzValue]="option.id">
                  </nz-option>
                </nz-select>
              </div>
            </div>

            <div nz-form-item nz-col [nzSpan]="8" style="margin-left: 200px">
              <div nz-form-label nz-col [nzSm]="5" [nzXs]="5">
                <label>电梯类型</label>
              </div>
              <div nz-form-control nz-col [nzSm]="12" [nzXs]="12">
                <nz-select style="width: 200px;" name="elevatorTypeId" nzAllowClear [nzPlaceHolder]="'请选择'"
                           [nzShowSearch]="true" [(ngModel)]="typeId" >
                  <nz-option *ngFor="let option of typeList"  [nzLabel]="option.name" [nzValue]="option.value">
                  </nz-option>
                </nz-select>
              </div>
            </div>



            <button nz-button [nzSize]="'middle'" [nzType]="'primary'" (click)="queryData()" >查询</button>
          </div>
        </form>
      </nz-collapse>
    </nz-collapseset>

    <baidu-map [options]="opts">
      <!--<marker [point]="point" [options]="markOpts" (loaded)="" (clicked)=""></marker>-->
      <marker *ngFor="let marker of markers" [point]="marker.point" [options]="marker.options"></marker>
      <!--导航控件-->
      <control type="navigation" [options]="controlOpts"></control>
      <!--地图全景控件-->
      <control type="overviewmap" [options]="overviewmapOpts"></control>
      <!--比例尺-->
      <control type="scale" [options]="scaleOpts"></control>
      <!--地图类型-->
      <control type="maptype" [options]="mapTypeOpts"></control>

      <control type="geolocation" [options]="geolocationOpts"></control>
    </baidu-map>

  </div>
</nz-spin>

<nz-modal [nzVisible]="isVisible" [nzWidth]="1200" [nzTitle]="'电梯详情'" [nzContent]="modalContent" (nzOnCancel)="handleCancel()">
  <ng-template #modalContent>
    <elevator-maintenance [inValue]="eleData" (outPut)="addOutPut($event)"></elevator-maintenance>
  </ng-template>
</nz-modal>
